*{margin:0; padding:0;}
body,html{width:100%; height:100%;}
.bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.bg-box-1{
    background: url('../images/1.jpg') no-repeat center/cover;
}
.bg-box-2{
    background: url('../images/2.jpg') no-repeat center/cover;
}
.bg-box-3{
    background: url('../images/3.jpg') no-repeat center/cover;
}
.bg-box-4{
    background: url('../images/4.jpg') no-repeat center/cover;
}
.bg-box-5{
    background: url('../images/5.jpg') no-repeat center/cover;
}
.bg-box-6{
    background: url('../images/6.jpg') no-repeat center/cover;
}
#wrap{
    position: absolute;
    overflow: hidden;
    top:0; left:0; right:0; bottom:0;
    margin:auto;
    width: 1200px;
    height: 600px;
}
#wrap > ul{
    width: 120%;
    list-style: none;
}
#wrap > ul > li{
    float: left;
    width: 100px;
    height: 600px;
    cursor: pointer;
}
#wrap > ul > li:nth-child(1){
    background: url('../images/1.jpg') no-repeat center/cover;
    width: 700px;
}
#wrap > ul > li:nth-child(2){
    background: url('../images/2.jpg') no-repeat center/cover;
}
#wrap > ul > li:nth-child(3){
    background: url('../images/3.jpg') no-repeat center/cover;
}
#wrap > ul > li:nth-child(4){
    background: url('../images/4.jpg') no-repeat center/cover;
}
#wrap > ul > li:nth-child(5){
    background: url('../images/5.jpg') no-repeat center/cover;
}
#wrap > ul > li:nth-child(6){
    background: url('../images/6.jpg') no-repeat center/cover;
}
#wrap > ul > li > .text{
    width: 100px;
    height: 100%;
    background: #000;
    opacity: .5;
}
#wrap > ul > li > .text p{
    padding: 20px 40px;
    font-family: 'Microsoft yahei';
    color: #fff;
}

.right { float: left; width: 680px; position: relative; height: 400px; }
.right dl { position: absolute; left: 18px; margin: 10px; }
.right dd { color: #FFF; font-size: 26px; border-radius: 5px; width: 240px; height: 75px; margin-bottom: 45px; background: #000; opacity: 0.5; }
.right dl a { background-repeat: no-repeat; color: #000; font-size: 12px; line-height: 40px; height: 40px; width: 120px; text-align: center;
    padding: 0 10px; margin-bottom: 10px; display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap;
    background-size: 100% 100%; background-color: rgba(249, 249, 249, 0.72); border-radius: 5px; margin-top: 10px; float: left;margin-left: 30px; text-decoration:none;}
.right dl a.yichu { float: left; margin-right: 20px;}